<template>
	<view class="page">
		<view class="account-box">
			<text>账号：12345678901</text>
		</view>
		<view class="account-tool">
			<u-cell
				size="large"
				:border="false"
				:customStyle="{height:'50px',borderBottom:'0.1px solid #eee'}"
				title="修改手机号"
				:isLink="true"
				@click="handleGoRevisePhone"
			>
			</u-cell>
			<u-cell
				size="large"
				:border="false"
				:customStyle="{height:'50px',borderBottom:'0.1px solid #eee'}"
				title="账号注销"
				:isLink="true"
				@click="handleGoAccountLogout"
			></u-cell>
		</view>
		<view class="account-tool-password-mg">
			<u-button class="account-tool-password" :hairline="false" text="修改密码" @click="handleGoChangePassword"></u-button>
		</view>
	</view>
</template>

<script setup>

function handleGoAccountLogout() {
	uni.navigateTo({
		url:"/pagesD/account/accountlogout/index"
	})
}
function handleGoRevisePhone() {
	uni.navigateTo({
		url:"/pagesD/account/revisephone/index"
	})
}
function handleGoChangePassword() {
	uni.navigateTo({
		url:"/pagesD/account/changePassword/index"
	})
}
</script>

<style>
	page{
		background-color: #eeeeee;
	}
</style>
<style lang="scss" scoped>
.account-box {
	padding: 20rpx 0 20rpx 20rpx;
	background-color: #eeeeee;
	text{
		color: gray;
		font-size: 30rpx;
	}
}
.account-tool{
	background-color: #ffffff;
}
.account-tool-password-mg{
	padding-top: 30rpx;
	background-color: #eeeeee;
}
.account-tool-password{
	height: 120rpx;
	font-size: 40rpx;
}
</style>